<div class="content-byc image-content" ng-controller="swarmDetailCtrl">
    <div class="animated update-content" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]"
         ng-if="showDetail==1">
        <div class="wrapper-md">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default" style="padding:0;">
                        <div class="panel-heading font-bold">
                            <span class="p-l-6" ng-bind="swarmInfo.clusterName"></span>
                            <button class="btn btn-info pull-right" style="margin-top: -7px;" ng-click="goBack()" tabindex="0">
                                <i class="fa fa-reply icon-font"></i> 返回
                            </button>
                        </div>
                        <div class="col-md-4">
                            <div class="col-md-12 hostdetail">
                                <div class="col-md-3" style="padding: 39px 0px;">
                                    <img src="/statics/img/host_img.png" style="height: 70px;">
                                </div>
                                <div class="col-md-2" style="padding: 30px 0px;">
                                    <img src="/statics/img/host_fen.png" style="height: 88px;">
                                </div>
                                <div class="col-md-7" style="padding-right: 0px;">
                                    <div class="col-md-12" style="height: 74px;line-height: 74px;padding-right: 0px;">
                                        <span class="develop-re">名称</span>&nbsp;&nbsp;
                                        <span class="develop-re" ng-bind="swarmInfo.clusterName"></span>
                                    </div>
                                    <div class="col-md-12" style="height: 74px;line-height: 74px; padding-right: 0px;" ng-if="isMore">
                                        <span class="develop-re">主机</span>&nbsp;&nbsp;
                                        <span class="develop-re" ng-class="{true:'blueColor',false:'noneColor'}[isOne]" ng-bind="swarmInfo.clusterHostArray[0].hostIp"></span>
                                    </div>
                                    <div class="col-md-12" style="height: 74px;padding-right: 0px;" ng-if="!isMore">
                                        <div style="height: 50%;" ng-mouseenter="isOne=true">
                                        <span class="develop-re">主机</span>&nbsp;&nbsp;
                                        <span class="develop-re" ng-class="{true:'blueColor',false:'noneColor'}[isOne]" ng-bind="swarmInfo.clusterHostArray[0].hostIp"></span>
                                        </div>
                                        <div style="height: 50%;" ng-mouseenter="isOne=false">
                                        <span class="develop-re">主机</span>&nbsp;&nbsp;
                                        <span class="develop-re" ng-class="{true:'blueColor',false:'noneColor'}[!isOne]" ng-bind="swarmInfo.clusterHostArray[1].hostIp"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 hostdetail" style="margin-bottom: 20px;">
                                <div class="">
                                    <h5 class="console-title">基本信息</h5>
                                    <ul class="list-unstyled" ng-if="isOne">
                                        <li ><span class="dfont">系统</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].hostOs"></span></li>
                                        <li ><span class="dfont">Kernel</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].hostKernelVersion"></span></li>
                                        <li ><span class="dfont">主机名</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].hostRealName"></span></li>
                                        <li ><span class="dfont">启动时间</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].hostBoot | date:'yyyy-MM-dd HH:mm:ss'"></span></li>
                                        <li ><span class="dfont">cpu</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].hostCpu"></span></li>
                                        <li ><span class="dfont">内存</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].hostMem"></span></li>
                                        <li ><span class="dfont">网络</span><span class="dfont-back" ng-bind=""></span></li>
<!--                                        <li ><span class="dfont">健康状态</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>
                                        <li ><span class="dfont">类型</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>
                                        <li ><span class="dfont">关联仓库</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>
                                        <li ><span class="dfont">高可用</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>-->
                                    </ul>
                                    <ul class="list-unstyled" ng-if="!isOne">
                                        <li ><span class="dfont">系统</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[1].hostOs"></span></li>
                                        <li ><span class="dfont">Kernel</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[1].hostKernelVersion"></span></li>
                                        <li ><span class="dfont">主机名</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[1].hostRealName"></span></li>
                                        <li ><span class="dfont">启动时间</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[1].hostBoot | date:'yyyy-MM-dd HH:mm:ss'"></span></li>
                                        <li ><span class="dfont">cpu</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[1].hostCpu"></span></li>
                                        <li ><span class="dfont">内存</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[1].hostMem"></span></li>
                                        <li ><span class="dfont">网络</span><span class="dfont-back" ng-bind=""></span></li>
                                        <!--                                        <li ><span class="dfont">健康状态</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>
                                                                                <li ><span class="dfont">类型</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>
                                                                                <li ><span class="dfont">关联仓库</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>
                                                                                <li ><span class="dfont">高可用</span><span class="dfont-back" ng-bind="swarmInfo.clusterHostArray[0].Boot"></span></li>-->
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="col-md-6">
                                <div id="img_cpu" style="height: 250px"></div>
                                <div id="img_net" style="height: 250px"></div>
                            </div>
                            <div class="col-md-6">
                                <div id="img_mem" style="height: 250px"></div>
                                <div id="img_disk" style="height: 250px"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>